:nth-child(n) {
  font-size: inherit;
  line-height: inherit;
  box-sizing: border-box;
  font-family: inherit;
}

input {
  height: auto;
  min-height: auto;
  width: 100%;

  .uni-input-input {
    height: auto;
  }
}

.page-paging {
  font-size: 32rpx;
  line-height: 44rpx;
  color: var(--info-text-color);
  background: var(--info-background-color);

  image {
    display: block;
  }

  .#{$namespace}-button {
    @extend :nth-child(n);
    --button-border-width: 4rpx;
    .#{$namespace}-font {
      --font-stroke: var(--button-stroke-color);
      --font-shadow: var(--button-stroke-color);
    }
  }

  .#{$namespace}-input {
    font-size: 28rpx;
    line-height: 40rpx;
    background: rgba($color: #0300014D, $alpha: .3);
    border-radius: 8rpx;
    padding: 24rpx 32rpx;

    &.is-disabled {
      background: var(--disabled-background-color);
    }
  }

  .#{$namespace}-numberbox {
    background: rgba($color: #0300014D, $alpha: .3);
    // padding: 8rpx;
    // font-size: 40rpx;
    // line-height: 56rpx;
    // border-radius: 1000rpx;

    // &__controls {
    //   border-radius: inherit;
    // }

    .#{$namespace}-numberbox__input {
      @extend :nth-child(n);
    //   padding-top: 8rpx;
    //   padding-bottom: 8rpx;
    }
  }

  .#{$namespace}-popup {
    &>.l-overlay {
      background: rgba($color: #000000, $alpha: .5);
      backdrop-filter: blur(20rpx);
    }
  }
}

rich-text {

  img,
  video,
  audio {
    width: 100%;
  }
}

.iconfont {
  line-height: 100%;
}

.icon-loading {
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  animation: rotate 1s linear infinite;
}